.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  background: url(../common/images/bg_img.png) repeat-y;
}

// 购物车
.car {
  width: 100%;
  .item {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 1.8rem;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    .left, .right {
      .flex_center();
      width: 0.48rem;
      height: 100%;
    }
    .left {
      .choose {
        .flex_center();
        width: 100%;
        height: 0.48rem;
        // background-color: #f85c5c;
        border-radius: 50%;
        img {
          width: 0.31rem;
        }
      }
    }
    .right {
      .remove {
        position: relative;
        .flex_center();
        flex-direction: column;
        align-items: center;
        img {
          width: 0.48rem;
          height: 0.48rem;
        }
        p {
          position: absolute;
          left: 0;
          bottom: -0.3rem;
          width: 100%;
          font-size: 0.2rem;
          color: #eb7575;
          text-align: center;
        }
      }
    }
    .center {
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 4.5rem; 
      height: 100%;
      .c_img {
        .flex_center();
        width: 26%;
        height: 100%;
        img {
          width: 100%;
        }
      }
      .c_msg {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        // width: 62%;
        height: 100%;
        .name {
          font-size: 0.24rem;
          color: #5c5c5c;
        }
        .price {
          font-size: 0.24rem;
          color: #eb7575; 
        }
        .play {
          display: flex;
          justify-content: flex-start;
          width: 1.4rem;
          height: 0.4rem;
          button {
            width: 0.4rem;
            height: 0.4rem;
            font-size: 0.3rem;
            line-height: 0.4rem;
          }
          input {
            width: 0.6rem;
            height: 100%;
            text-align: center;
            font-size: 0.2rem;
          }
        }
      }
    }
  }
}

.settlement {
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.9rem;
  background-color: #fff;
  .left {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 1.5rem;
    .choose {
      .flex_center();
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 50%;
      #chkAll {
        margin: 0;
        width: 0.45rem;
        height: 0.45rem;
      }
    }
    span {
      font-size: 0.28rem;
      color: #5c5c5c;
    }
  }
  .center {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 2.7rem;
    height: 100%;
    p {
      font-size: 0.22rem;
      color: #6b6b6b;
      text-align: center;
      &>span {
        font-size: 0.3rem;
        color: #e73838;
      }
    }
  }
  .right {
    .flex_center();
    width: 1.8rem;
    height: 100%;
    &>div {
      .flex_center();
      width: 80%;
      height: 80%;
      background-color: #f85c5c;
      font-size: 0.26rem;
      color: #fff;
      border-radius: 0.1rem;
    }
  }
}









